<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<!--[if IE]> 
	<script>  
		document.createElement("header");  
		document.createElement("footer");  
		document.createElement("nav");  
		document.createElement("article");  
		document.createElement("section"); 
	</script> 		
<![endif]-->
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url'); ?>/css/reset.css" />
<link rel="stylesheet/less" type="text/css" href="<?php bloginfo('template_url'); ?>/css/global.less.css" />
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/less-1.0.41.min.js"></script>



<meta charset="<?php bloginfo( 'charset' ); ?>" />
<title><?php wp_title(); ?> <?php bloginfo( 'name' ); ?></title>
<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="stylesheet" href="<?php bloginfo( 'stylesheet_url' ); ?>" type="text/css" media="screen" />
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
<?php if ( is_singular() && get_option( 'thread_comments' ) ) wp_enqueue_script( 'comment-reply' ); ?>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<?php wp_head();?>

</head>
<?php
$args = array(
'blog_id' => $GLOBALS['blog_id']
 );
$blogusers = get_users($args);
?>
<body>

<div id="bgshadow-left"></div>
<div id="bgshadow-right"></div>

<div id="wrapper">
<header id="top-header">
<section id="constant">
	<h1>
		<a href="<?php bloginfo('url')?>">Drumblr</a>
	</h1>
</section>
<section id="stamp-border"></section>
<nav id="menu-holder">
	<div id="menu-inner">
		<div id="main-nav">
			<div id="mid-content">
				<div id="left-close"></div>
				<div class="selectbox filter-author">						
					<select>
						<?php
							 foreach ($blogusers as $user) {
								echo '<option value='. $user->ID . '>' . $user->display_name . '</option>';
							}
						?>
					</select>
					<div class="selectbox-set">
						<span>Author</span>
					</div>
				</div>
				<div class="selectbox">
					<a href="#" class="selectbox-set idea-tag">
						<span>Idea Tags</span>
					</a>
					<div class="tag-dropdown" style="display: none;">
						<p>Filter <em>by</em> popular tags</p>
						<div class="tag-container">
							<input id="tag1" style="display: none;" class="checkbox" type="checkbox" /><a class="tag" href="#">Design(5)</a>
							<input id="tag1" style="display: none;" class="checkbox" type="checkbox" /><a class="tag" href="#">Fun(2)</a>
							<input id="tag1" style="display: none;" class="checkbox" type="checkbox" /><a class="tag" href="#">Project(2)</a>
							<input id="tag1" style="display: none;" class="checkbox" type="checkbox" /><a class="tag" href="#">Screenshot(6)</a>
							<input id="tag1" style="display: none;" class="checkbox" type="checkbox" /><a class="tag" href="#">JavaScript(12)</a>
							<input id="tag1" style="display: none;" class="checkbox" type="checkbox" /><a class="tag" href="#">HTML5(3)</a>
							<input id="tag1" style="display: none;" class="checkbox" type="checkbox" /><a class="tag" href="#">Conference(1)</a>
							<input id="tag1" style="display: none;" class="checkbox" type="checkbox" /><a class="tag" href="#">iPhone(4)</a>
						</div>
					</div>
				</div>
				<!--
				<div class="selectbox filter-tag" >						
					<select>
						<option>Tag1</option>
						<option>Tag2</option>
						<option>Tag3</option>
						<option>Tag4</option>
					</select>
					<div class="selectbox-set">
						<span>Tag</span>
					</div>
				</div>
				-->
				<div id="right-close"></div>
			</div><!--end of div#mid-content -->
		</div><!--end of div#main-nav -->	
	</div><!--end of nav#menu-inner -->						
</nav><!--end of nav#menu-holder -->
<div class="js-data-filter" style="display:none">
	<script type="application/json">
	<?php echo json_encode( array (
		'ajax_url' => get_bloginfo('url') . '/filter-author/' ,
		)); 
	?>
	</script>
</div>
</header> <!-- end of header#top-header -->
	